<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title></title>
  <link rel="stylesheet" type="text/css" href="easyui-1.3.6/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="easyui-1.3.6/themes/icon.css">
  <link rel="stylesheet" type="text/css" href="easyui-1.3.6/demo/demo.css">
  <script type="text/javascript" src="easyui-1.3.6/jquery.min.js"></script>
  <script type="text/javascript" src="easyui-1.3.6/jquery.easyui.min.js"></script>
</head>
<body>
<div class="row">
  <div class="col-md-12">
    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
    <h3 class="page-title" id="index-page-title" style="font: normal 30px/0.8em '微软雅黑'">孜点教科</h3>
    <ul class="page-breadcrumb breadcrumb">
     <%-- <li>
        <i class="fa fa-home"></i>
        首页
        <i class="fa fa-angle-right"></i>
      </li>--%>
      <li>
        <%--<a href="javascript:;">--%>
        问卷管理
        <%--</a>--%>
        <i class="fa fa-angle-right"></i>
      </li>
      <li>
        <%--<a href="javascript:;">--%>
        SCL-90问卷导出
        <%--</a>--%>
      </li>
    </ul>
    <!-- END PAGE TITLE & BREADCRUMB-->
  </div>
</div>
<%--<div style="margin:20px 0;"></div><h2>Basic Form</h2>--%>
<%--<p>Fill the form and submit it.</p>--%>
<div style="width:480px;margin: 0 auto;margin-top: 20px;">
    <div class="easyui-panel" title="问卷导出" style="width:480px;margin: 0 auto;padding: 20px 90px;">
  <%--<div style="padding:30px 100px 30px 100px">--%>
    <form id="ff" action="rest/QuestionnaireSCL/GetOutSCL" method="post">
      <table>
        <tr>
          <td>请输入导出开始时间:</td>
          <td>
            <input class="easyui-datebox" data-options="sharedCalendar:'#cc'" id="start2" name="startTime" style="width:180px;height:30px; border:1px solid #d6dde5;background-color:transparent;padding:0px 10px;margin-bottom: 10px;">
          </td>
        </tr>
        <tr>
          <td>请输入导出结束时间:</td>
          <td>
            <input class="easyui-datebox" data-options="sharedCalendar:'#cc'" id="end2" name="endTime" validType="md['#start2']" style="width:180px;height:30px; border:1px solid #d6dde5;background-color:transparent;padding:0px 10px;margin-bottom: 10px;">
          </td>
        </tr>
      </table>
      <div id="cc" class="easyui-calendar"></div>
    </form>
    <div style="text-align:center;padding:2px;margin-top:10px;">
      <a href="javascript:;" class="easyui-linkbutton" onclick="submitForm()" style="width:102px;height:30px;">确定</a>
      <a href="javascript:;" class="easyui-linkbutton" onclick="clearForm()" style="width:102px;height:30px;">取消</a>
    </div>
  </div>
</div>
<%--</div>--%>
<%--<div id="pp" class="easyui-pagination" style="background:#efefef;border:1px solid #ccc;">--%>
<%--</div>--%>
</body>
<script>

  $.extend($.fn.validatebox.defaults.rules, {//验证开始时间小于结束时间
    md: {
      validator: function(value, param){
        startTime2 = $(param[0]).datetimebox('getValue');
        var d1 = $.fn.datebox.defaults.parser(startTime2);
        var d2 = $.fn.datebox.defaults.parser(value);
        varify=d2>d1;
        return varify;

      },
      message: '结束时间要大于开始时间！'
    }
  })

  function submitForm() {
    $('#ff').form('submit');
  }
  function clearForm() {
    $('#ff').form('clear');
  }
</script>
</html>